@charset "utf-8";
/*-------------------------
    tabs组件的样式
	选项卡组件分为：选项卡标题和内容区域
---------------------------*/
$tabsLiH:1.05rem;
$tabsLiHoverH:1.1rem;
$tabsLiPadding:0.4rem;
.oc-tabs{
	margin:0.3rem;
	position: relative;
	font-size: 0.6rem;
	>ul{
		//position:absolute;
		//top: - $tabsLiHoverH ;
		height: $tabsLiHoverH + 0.1rem;
		list-style: none;
		margin-left: 0.1rem;
		margin-top: 0.1rem;
		>li{
			float: left;
			position: relative;
			height: $tabsLiH;
			line-height: $tabsLiH;
			padding: 0 $tabsLiPadding;
			border: 1px solid #ACACAC;
			background-color: #EAEAEA;
			margin-left: -1px;
			a{
				cursor: default;
				min-width: 1.2rem;
			}
			&.active{
				z-index: 1;
				border-bottom:none;
				top: -0.1rem;
				height: $tabsLiHoverH+0.1rem;
				padding: 0 $tabsLiPadding + 0.1rem;
				background-color: #fff;
				margin: 0 -0.1rem;
			}
		}
	}
	>section{
		margin-top: -0.1rem;
		background-color: #fff;
		padding: 0.3rem;
		border:  1px solid #ACACAC;
		position: relative;
		padding-bottom: $tabsLiH;
		display: none;
		&.active1{
			display: block;
		}
	}

}